<div class="row">
  <div class="col-md-12">
    <div class="box box-default">
      <div class="box-body">
        <app-stepbar (stepChangeEvent)="requireInput($event)" [requireTips]="requiredTips" *ngIf="operate=='edit'"></app-stepbar>
        <!-- <app-edit></app-edit> -->
        <div class="box box-default" style="padding-top:-50px">
          <div class="row">
            <div class="col-md-12">
              <!-- Custom Tabs 1-1-->
              <div class="nav-tabs-custom remove-border">
                <ul class="nav nav-tabs">
                  <li class="active" id="baseInfo">
                    <a href="#tab_1" data-toggle="tab" id="baseContent" (click)="clearFileType()">基础信息</a>
                  </li>
                  <li *ngIf="operate == 'edit'" id="checkInfo">
                    <a href="#tab_3" data-toggle="tab" id="checkContent" (click)="clearFileType()">审核信息</a>
                  </li>
                  <li *ngIf="operate == 'edit'" id="attachInfo">
                    <a href="#tab_2" data-toggle="tab" id="attachContent" (click)="loadFileTree()">产品文件</a>
                  </li>
                </ul>
                <div class="tab-content" id="11">

                  <div class="tab-pane active" id="tab_1">
                    <form class="form-horizontal" #pulForm="ngForm" ngNativeValidate>

                      <div class="form-group">
                        <label class="col-lg-2 text-right">
                          <span class="span-style">*</span>产品简称</label>
                        <div class="col-lg-3" [class.has-error]="sFundName.valid ===false && (sFundName.dirty || sFundName.touched)">
                          <input class="form-control" type="text" maxlength="50" name="sFundName" #sFundName="ngModel" [(ngModel)]="baseInfoPost.sFundName">
                        </div>
                        <div class="col-lg-1"></div>
                        <label class="col-lg-2 text-right">产品名称</label>
                        <div class="col-lg-3">
                          <input class="form-control form-fields" maxlength="50" name="sFullName" [(ngModel)]="baseInfoPost.sFullName" type="text">
                        </div>
                      </div>

                      <div class="form-group">
                        <label class="col-lg-2 text-right">
                          <span class="span-style">*</span>产品类型</label>
                        <div class="col-lg-3">
                          <input class="form-control" type="text" placeholder="公募" disabled>
                        </div>
                        <div class="col-lg-1"></div>
                        <label class="col-lg-2 text-right">产品代码</label>
                        <div class="col-lg-3">
                          <input class="form-control form-fields" type="text" maxlength="20" name="sFundCode" [(ngModel)]="baseInfoPost.sFundCode">
                        </div>
                      </div>

                      <div class="form-group">
                        <label class="col-lg-2 text-right">
                          <span class="span-style">*</span>基金类别</label>
                        <div class="col-lg-3">
                          <select class="form-control" name="sFundCategory" [(ngModel)]="baseInfoPost.sFundCategory">
                            <option [value]="''" selected="selected">--请选择--</option>
                            <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.FUND_CATEGORY_GM">{{item.sItemValue}}</option>
                          </select>
                        </div>
                        <div class="col-lg-1"></div>
                        <label class="col-lg-2 text-right">
                          <span class="span-style">*</span>QDII</label>
                        <div class="col-lg-3">
                          <select class="form-control" name="sIsQdii" [(ngModel)]="baseInfoPost.sIsQdii">
                            <option [value]="1">是</option>
                            <option [value]="0">否</option>
                          </select>
                        </div>
                      </div>

                      <div class="form-group">
                        <label class="col-lg-2 text-right">
                          <span class="span-style">*</span>基金运作方式</label>
                        <div class="col-lg-3">
                          <!-- <input class="form-control form-fields" maxlength="500" type="text" name="sInvestStyle" [(ngModel)]="baseInfoPost.sInvestStyle"> -->
                          <!-- <select class="form-control" name="sInvestStyle" [(ngModel)]="baseInfoPost.sInvestStyle">
                            <option [value]="''" selected="selected">--请选择--</option>
                            <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.INVEST_STYLE">{{item.sItemValue}}</option>
                          </select> -->
                          <select class="form-control select2" maxlength="25" id="sInvestStyleSelected" [(ngModel)]="baseInfoPost.sInvestStyle" name="sInvestStyle">
                            <option [value]="''">--请选择--</option>
                            <option [value]="item.sItemValue" *ngFor="let item of distionary.INVEST_STYLE">{{item.sItemValue}}</option>
                          </select>
                        </div>
                        <div class="col-lg-1"></div>
                        <label class="col-lg-2 text-right">
                          <span class="span-style">*</span>基金经理</label>
                        <div class="col-lg-3">
                          <select class="form-control select2 fields-select" multiple="multiple" name="managerSelectList" [(ngModel)]="managerSelectList">
                            <option [value]="item.sUserName" *ngFor="let item of managerList">{{item.sUserAndDept}}</option>
                          </select>
                        </div>
                      </div>

                      <div class="form-group">
                        <label class="col-lg-2 text-right">
                          <span class="span-style">*</span>是否上市基金</label>
                        <div class="col-lg-3">
                          <select class="form-control" name="sListType" [(ngModel)]="baseInfoPost.sListType" (click)="changeExchangeStatus()">
                            <option [value]="1">是</option>
                            <option [value]="0">否</option>
                          </select>
                        </div>
                        <div class="col-lg-1"></div>
                        <label class="col-lg-2 text-right">
                          <span class="span-style">*</span>交易所</label>
                        <div class="col-lg-3">
                          <select class="form-control" name="sExchange" [(ngModel)]="baseInfoPost.sExchange" [disabled]="booleanExchange" [required]="!booleanExchange">
                            <option [value]="''" selected="selected">--请选择--</option>
                            <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.EXCHANGE">{{item.sItemValue}}</option>
                          </select>
                        </div>
                      </div>

                      <div class="form-group">
                        <label class="col-lg-2 text-right">托管行</label>
                        <div class="col-lg-3">
                          <!-- <input class="form-control form-fields" type="text" maxlength="250" name="sBank" [(ngModel)]="baseInfoPost.sBank"> -->
                          <select class="form-control select2" maxlength="25" id="sTrusteeSelected" [(ngModel)]="baseInfoPost.sBank" name="sBank">
                            <option [value]="''">--请选择--</option>
                            <option [value]="item.sItemValue" *ngFor="let item of distionary.TRUSTEE">{{item.sItemValue}}</option>
                          </select>
                        </div>
                        <div class="col-lg-1"></div>
                        <label class="col-lg-2 text-right">托管行确定时间</label>
                        <div class="col-lg-3">
                          <div class="input-group date form_datetime">
                            <span class="input-group-addon">
                              <i class="fa fa-calendar"></i>
                            </span>
                            <input class="form-control" type="text" name="dBankConfirm" mwlFlatpickr [ngModelOptions]="{standalone: false}" [(ngModel)]="baseInfoPost.dBankConfirm"
                              style="background: white; cursor: pointer;">
                          </div>
                        </div>
                      </div>

                      <div class="form-group">
                        <label class="col-lg-2 text-right">管理费(%)</label>
                        <div class="col-lg-3">
                          <input class="form-control form-fields" maxlength="2000" name="sManagementFee" [(ngModel)]="baseInfoPost.sManagementFee"
                            [attr.title]="baseInfoPost.sManagementFee">
                          <!-- <input class="form-control form-fields" [min]="0" maxlength="50" #sManagementFee="ngModel" name="sManagementFee" [(ngModel)]="baseInfoPost.sManagementFee">
                          <p *ngIf="sManagementFee.errors?.min" class="errorTip">请输入正数</p> -->
                        </div>
                        <div class="col-lg-1"></div>
                        <label class="col-lg-2 text-right">托管费(%)</label>
                        <div class="col-lg-3">
                          <input class="form-control form-fields" maxlength="2000" name="sTrusteeFee" [(ngModel)]="baseInfoPost.sTrusteeFee" [attr.title]="baseInfoPost.sTrusteeFee">
                          <!-- <input class="form-control form-fields" [min]="0" maxlength="50" #sTrusteeFee="ngModel" name="sTrusteeFee" [(ngModel)]="baseInfoPost.sTrusteeFee">
                          <p *ngIf="sTrusteeFee.errors?.min" class="errorTip">请输入正数</p> -->
                        </div>
                      </div>

                      <div class="form-group">
                        <label class="col-lg-2 text-right">其他费用</label>
                        <div class="col-lg-3">
                          <input class="form-control form-fields" maxlength="25" name="sOtherFee" [(ngModel)]="baseInfoPost.sOtherFee" type="text">
                        </div>
                        <div class="col-lg-1"></div>
                        <label class="col-lg-2 text-right">业绩比较基准</label>
                        <div class="col-lg-3">
                          <input class="form-control form-fields" maxlength="250" name="sBenchmark" title="{{baseInfoPost.sBenchmark}}" [(ngModel)]="baseInfoPost.sBenchmark"
                            type="text">
                        </div>
                      </div>

                      <div class="form-group">
                        <label class="col-lg-2 text-right">成立日期</label>
                        <div class="col-lg-3">
                          <div class="input-group date form_datetime">
                            <span class="input-group-addon">
                              <i class="fa fa-calendar"></i>
                            </span>
                            <input class="form-control" name="dEstablishment" type="text" mwlFlatpickr [ngModelOptions]="{standalone: true}" [(ngModel)]="baseInfoPost.dEstablishment"
                              style="background: white; cursor: pointer;">
                          </div>
                        </div>
                        <div class="col-lg-1"></div>
                        <label class="col-lg-2 text-right">发行日期</label>
                        <div class="col-lg-3">
                          <div class="input-group date form_datetime">
                            <span class="input-group-addon">
                              <i class="fa fa-calendar"></i>
                            </span>
                            <input class="form-control" type="text" name="dIssue" mwlFlatpickr [ngModelOptions]="{standalone: true}" [(ngModel)]="baseInfoPost.dIssue"
                              style="background: white; cursor: pointer;">
                          </div>
                        </div>
                      </div>

                      <div class="form-group">
                        <label class="col-lg-2 text-right" *ngIf="operate == 'edit'">创建日期</label>
                        <div class="col-lg-3" *ngIf="operate == 'edit'">
                          <div class="input-group date form_datetime">
                            <span class="input-group-addon">
                              <i class="fa fa-calendar"></i>
                            </span>
                            <input class="form-control" disabled type="text" mwlFlatpickr [ngModelOptions]="{standalone: true}" [(ngModel)]="baseInfoPost.dCreateTime"
                              style=" cursor: pointer;">
                          </div>
                        </div>
                        <div class="col-lg-1"></div>
                        <label class="col-lg-2 text-right" *ngIf="operate == 'edit'">创建人</label>
                        <div class="col-lg-3" *ngIf="operate == 'edit'">
                          <input class="form-control form-fields" type="text" name="sCreator" [(ngModel)]="baseInfoPost.sCreator">
                        </div>
                      </div>

                      <div class="form-group">
                        <label class="col-lg-2 text-right">投资范围</label>
                        <div class="col-lg-9">
                          <textarea style="width:100%" name="sInvestScope" maxlength="2000" [(ngModel)]="baseInfoPost.sInvestScope" cols="15" rows="5"></textarea>
                        </div>
                      </div>

                      <div class="form-group">
                        <label class="col-lg-2 text-right">备注</label>
                        <div class="col-lg-9">
                          <textarea style="width:100%" maxlength="250" name="sRemark" [(ngModel)]="baseInfoPost.sRemark" cols="15" rows="5"></textarea>
                        </div>
                      </div>
                      
                    </form>
                    <div class="form-divider" title="其他份额信息" style="margin-top:20px;">
                      <div class="form-group" *ngFor="let item of baseInfoPost.pmsOtherShareList;let ind = index;" style="margin-left:35px">
                        <label class="col-lg-2 text-right" style="max-width:12% !important">产品简称</label>
                        <div class="col-lg-2">
                          <input class="form-control" name="otherName" type="text" [(ngModel)]="baseInfoPost.pmsOtherShareList[ind].sFundName" title="{{baseInfoPost.pmsOtherShareList[ind].sFundName}}"
                            maxlength="50">
                        </div>
                        <label class="col-lg-2 text-right" style="max-width:12% !important">产品代码</label>
                        <div class="col-lg-2">
                          <input class="form-control" name="otherCode" maxlength="20" type="text" [(ngModel)]="baseInfoPost.pmsOtherShareList[ind].sFundCode" title="{{baseInfoPost.pmsOtherShareList[ind].sFundCode}}">
                        </div>
                        <label class="col-lg-2 text-right" style="max-width:12% !important">发行日期</label>
                        <div class="col-lg-2" style="width:20% !important">
                          <div class="input-group date form_datetime">
                            <span class="input-group-addon">
                              <i class="fa fa-calendar"></i>
                            </span>
                            <input class="form-control" type="text" mwlFlatpickr name="dEstablishment" title="{{baseInfoPost.pmsOtherShareList[ind].dEstablishment}}" [ngModelOptions]="{standalone: true}"
                              [(ngModel)]="baseInfoPost.pmsOtherShareList[ind].dEstablishment" style="background: white; cursor: pointer;">
                          </div>
                        </div>
                        <a title="点击新增" (click)="addOtherShare(ind)">
                          <i class="fa fa-plus-circle" style="margin-left:2px;line-height:34px"></i>
                        </a>
                        <a title="点击删除" *ngIf="baseInfoPost.pmsOtherShareList.length > 1" (click)="delOtherShare(ind)">
                          <i class="fa fa-minus-circle" style="margin-left:2px;line-height:34px"></i>
                        </a>
                      </div>

                    </div>

                    <div class="center-block" style="width:100px;" *ngIf="operate=='add'">
                      <button type="button" class="btn btn-primary" (click)="baseInfoAdd()">
                        <i class="fa fa-save"></i>保存</button>
                    </div>
                    <div class="center-block" style="width:100px;" *ngIf="operate=='edit'&&_.includes(menuResourceSet,'btn-pub-save-jcxx-edit')&&index!='zh'">
                      <button type="button" class="btn btn-primary" (click)="editBasicInfo()">
                        <i class="fa fa-save"></i>保存</button>
                    </div>
                  </div>

                  <div class="tab-pane" id="tab_2">

                    <div class="row">
                      <div class="col-md-12">
                        <!-- Custom Tabs 1-1-->
                        <div class="nav-tabs-custom remove-border">
                          <ul class="nav nav-tabs ul-change" style="border-bottom-width: 0px;">
                            <li id="jcwjGMList" *ngIf="_.includes(activeFileList,'jcwjGM')">
                              <a id="jcwjGMContent" href="#tab_4" data-toggle="tab">基础文件</a>
                            </li>
                            <li id="spwjGMList" *ngIf="_.includes(activeFileList,'spwjGM')">
                              <a id="spwjGMContent" href="#tab_5" data-toggle="tab">审批文件</a>
                            </li>
                            <li id="cpgzwjGMList" *ngIf="_.includes(activeFileList,'cpgzwjGM')">
                              <a id="cpgzwjGMContent" href="#tab_6" data-toggle="tab">产品改造文件</a>
                            </li>
                            <li id="qtwjGMList" *ngIf="_.includes(activeFileList,'qtwjGM')">
                              <a id="qtwjGMContent" href="#tab_7" data-toggle="tab">其他文件</a>
                            </li>
                            <li id="historyGMList" *ngIf="_.includes(activeFileList,'historyGM')">
                              <a id="historyGMContent" href="#tab_8" data-toggle="tab">历史附件</a>
                            </li>
                          </ul>
                          <div class="tab-content" id="12" style="padding:0px !important">
                            <!-- 基础文件开始 -->
                            <div class="tab-pane" id="tab_4">
                              <table class="table  table-hover table-striped" style="border-top-width:0px;border-left-width:0px;">
                                <thead>
                                  <tr>
                                    <th class="width-25">附件类型</th>
                                    <th class="width-30">附件名</th>
                                    <th class="width-12">上传者</th>
                                    <th class="width-15">上传时间</th>
                                    <th class="width-5">版本</th>
                                    <th class="width-13">操作</th>
                                  </tr>
                                </thead>
                                <tbody>
                                  <tr *ngFor="let item of jcwjGMDataList">
                                    <td [attr.title]="item.sType" *ngIf="item.sType!=''" [attr.rowspan]="item.subNodeL" style="background-color:white; border:0.1px solid #E9E9E9">
                                      {{item.sType}}
                                      <a title="点击新增" (click)="addSubTreeItem(item,'jcwjGM')">
                                        <i class="fa fa-plus-circle" style="margin-left:2px;"></i>
                                      </a>
                                    </td>
                                    <td class="short_name" [attr.title]="item.sAttachName">
                                      <div *ngIf="item.editStatus==0">
                                        <a (dblclick)="editFileName(item,'jcwjGM')">{{item.sAttachName}}</a>
                                      </div>
                                      <div *ngIf="item.editStatus==1">
                                        <div class="input-group">
                                          <input class="form-control" [(ngModel)]="item.fileName" name="filename">
                                          <a class="input-group-addon" (click)="changeFileName(item)">确定</a>
                                          <a class="input-group-addon" (click)="cancelEditFileName(item,'jcwjGM')">取消</a>
                                        </div>
                                      </div>
                                    </td>
                                    <td class="short_name" [attr.title]="item.sCreator">{{item.sCreator}}</td>
                                    <td class="short_name" [attr.title]="item.dCreateTime">{{item.dCreateTime}}</td>
                                    <td>
                                      <span *ngIf="item.nVersion !== null&& item.nVersion !==''">V</span>{{item.nVersion}}
                                    </td>
                                    <td>
                                      <a *ngIf="index !== 'zh'" (click)="showUploadModal(item)" href="javascript:void(0)" title="上传" type="file">
                                        <i class="glyphicon glyphicon-open"></i>
                                      </a>
                                      <a (click)="downLoadFile(item)" href="javascript:void(0)" title="下载">
                                        <i class="glyphicon glyphicon-download-alt"></i>
                                      </a>
                                      <a (click)="showHistoryVersion(item)" class="remove" href="javascript:void(0)" title="查看全部版本">
                                        <i class="glyphicon glyphicon-list-alt"></i>
                                      </a>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </div>
                            <!-- 基础文件结束 -->
                            <!-- 审批文件开始 -->
                            <div class="tab-pane" id="tab_5">
                              <table id="spwj-table" class="table  table-hover table-striped" style="border-top-width:0px;border-left-width:0px;">
                                <thead>
                                  <tr>
                                    <th class="width-25">附件类型</th>
                                    <th class="width-30">附件名</th>
                                    <th class="width-12">上传者</th>
                                    <th class="width-15">上传时间</th>
                                    <th class="width-5">版本</th>
                                    <th class="width-13">操作</th>
                                  </tr>
                                </thead>
                                <tbody>
                                  <tr [attr.title]="item.sType" *ngFor="let item of spwjGMDataList">
                                    <td *ngIf="item.sType!=''" [attr.rowspan]="item.subNodeL" style="background-color:white; border:0.1px solid #E9E9E9">
                                      {{item.sType}}
                                      <a title="点击新增" (click)="addSubTreeItem(item,'spwjGM')">
                                        <i class="fa fa-plus-circle" style="margin-left:2px;"></i>
                                      </a>
                                    </td>
                                    <td class="short_name" [attr.title]="item.sAttachName">
                                      <div *ngIf="item.editStatus==0">
                                        <a (dblclick)="editFileName(item,'spwjGM')">{{item.sAttachName}}</a>
                                      </div>
                                      <div *ngIf="item.editStatus==1">
                                        <div class="input-group">
                                          <input class="form-control" [(ngModel)]="item.fileName" name="filename">
                                          <a class="input-group-addon" (click)="changeFileName(item)">确定</a>
                                          <a class="input-group-addon" (click)="cancelEditFileName(item,'spwjGM')">取消</a>
                                        </div>
                                      </div>
                                    </td>
                                    <td class="short_name" [attr.title]="item.sCreator">{{item.sCreator}}</td>
                                    <td class="short_name" [attr.title]="item.dCreateTime">{{item.dCreateTime}}</td>
                                    <td>
                                      <span *ngIf="item.nVersion !== null&& item.nVersion !==''">V</span>{{item.nVersion}}</td>
                                    <td>
                                      <a *ngIf="index !== 'zh'" (click)="showUploadModal(item)" href="javascript:void(0)" title="上传" type="file">
                                        <i class="glyphicon glyphicon-open"></i>
                                      </a>
                                      <a (click)="downLoadFile(item)" href="javascript:void(0)" title="下载">
                                        <i class="glyphicon glyphicon-download-alt"></i>
                                      </a>
                                      <a (click)="showHistoryVersion(item)" class="remove" href="javascript:void(0)" title="查看全部版本">
                                        <i class="glyphicon glyphicon-list-alt"></i>
                                      </a>
                                    </td>
                                  </tr>
                                </tbody>

                              </table>
                            </div>
                            <!-- 审批文件结束 -->
                            <!-- 产品改造文件开始 -->
                            <div class="tab-pane" id="tab_6">
                              <table id="cpgz-table" class="table  table-hover table-striped" style="border-top-width:0px;border-left-width:0px;">
                                <thead>
                                  <tr>
                                    <th class="width-25">附件类型</th>
                                    <th class="width-30">附件名</th>
                                    <th class="width-12">上传者</th>
                                    <th class="width-15">上传时间</th>
                                    <th class="width-5">版本</th>
                                    <th class="width-13">操作</th>
                                  </tr>
                                </thead>
                                <tbody>
                                  <tr *ngFor="let item of cpgzGMDataList">
                                    <td [attr.title]="item.sType" *ngIf="item.sType!=''" [attr.rowspan]="item.subNodeL" style="background-color:white; border:0.1px solid #E9E9E9">
                                      {{item.sType}}
                                      <a title="点击新增" (click)="addSubTreeItem(item,'cpgzGM')">
                                        <i class="fa fa-plus-circle" style="margin-left:2px;"></i>
                                      </a>
                                    </td>
                                    <td class="short_name" [attr.title]="item.sAttachName">
                                      <div *ngIf="item.editStatus==0">
                                        <a (dblclick)="editFileName(item,'cpgzGM')">{{item.sAttachName}}</a>
                                      </div>
                                      <div *ngIf="item.editStatus==1">
                                        <div class="input-group">
                                          <input class="form-control" [(ngModel)]="item.fileName" name="filename">
                                          <a class="input-group-addon" (click)="changeFileName(item)">确定</a>
                                          <a class="input-group-addon" (click)="cancelEditFileName(item,'cpgzGM')">取消</a>
                                        </div>
                                      </div>
                                    </td>
                                    <td class="short_name" [attr.title]="item.sCreator">{{item.sCreator}}</td>
                                    <td class="short_name" [attr.title]="item.dCreateTime">{{item.dCreateTime}}</td>
                                    <td>
                                      <span *ngIf="item.nVersion !== null&& item.nVersion !==''">V</span>{{item.nVersion}}</td>
                                    <td>
                                      <a *ngIf="index !== 'zh'" (click)="showUploadModal(item)" href="javascript:void(0)" title="上传" type="file">
                                        <i class="glyphicon glyphicon-open"></i>
                                      </a>
                                      <a (click)="downLoadFile(item)" href="javascript:void(0)" title="下载">
                                        <i class="glyphicon glyphicon-download-alt"></i>
                                      </a>
                                      <a (click)="showHistoryVersion(item)" class="remove" href="javascript:void(0)" title="查看全部版本">
                                        <i class="glyphicon glyphicon-list-alt"></i>
                                      </a>
                                    </td>
                                  </tr>
                                </tbody>

                              </table>
                            </div>
                            <!-- 产品改造文件结束 -->
                            <!-- 其他文件开始 -->
                            <div class="tab-pane" id="tab_7">
                              <table id="qtwj-table" class="table  table-hover table-striped" style="border-top-width:0px;border-left-width:0px;">
                                <thead>
                                  <tr>
                                    <th class="width-25">附件类型</th>
                                    <th class="width-30">附件名</th>
                                    <th class="width-12">上传者</th>
                                    <th class="width-15">上传时间</th>
                                    <th class="width-5">版本</th>
                                    <th class="width-13">操作</th>
                                  </tr>
                                </thead>
                                <tbody>
                                  <tr *ngFor="let item of qtwjGMDataList">
                                    <td [attr.title]="item.sType" *ngIf="item.sType!=''" [attr.rowspan]="item.subNodeL" style="background-color:white; border:0.1px solid #E9E9E9">
                                      {{item.sType}}
                                      <a title="点击新增" (click)="addSubTreeItem(item,'qtwjGM')">
                                        <i class="fa fa-plus-circle" style="margin-left:2px;"></i>
                                      </a>
                                    </td>
                                    <td class="short_name" [attr.title]="item.sAttachName">
                                      <div *ngIf="item.editStatus==0">
                                        <a (dblclick)="editFileName(item,'qtwjGM')">{{item.sAttachName}}</a>
                                      </div>
                                      <div *ngIf="item.editStatus==1">
                                        <div class="input-group">
                                          <input class="form-control" [(ngModel)]="item.fileName" name="filename">
                                          <a class="input-group-addon" (click)="changeFileName(item)">确定</a>
                                          <a class="input-group-addon" (click)="cancelEditFileName(item,'qtwjGM')">取消</a>
                                        </div>
                                      </div>
                                    </td>
                                    <td class="short_name" [attr.title]="item.sCreator">{{item.sCreator}}</td>
                                    <td class="short_name" [attr.title]="item.dCreateTime">{{item.dCreateTime}}</td>
                                    <td>
                                      <span *ngIf="item.nVersion !== null&& item.nVersion !==''">V</span>{{item.nVersion}}</td>
                                    <td>
                                      <a *ngIf="index !== 'zh'" (click)="showUploadModal(item)" href="javascript:void(0)" title="上传" type="file">
                                        <i class="glyphicon glyphicon-open"></i>
                                      </a>
                                      <a (click)="downLoadFile(item)" href="javascript:void(0)" title="下载">
                                        <i class="glyphicon glyphicon-download-alt"></i>
                                      </a>
                                      <a (click)="showHistoryVersion(item)" class="remove" href="javascript:void(0)" title="查看全部版本">
                                        <i class="glyphicon glyphicon-list-alt"></i>
                                      </a>
                                    </td>
                                  </tr>

                                </tbody>

                              </table>
                            </div>
                            <!-- 其他文件结束 -->
                            <!-- 历史附件开始 -->
                            <div class="tab-pane" id="tab_8">
                              <table id="historyGM-table" class="table  table-hover table-striped" style="border-top-width:0px;border-left-width:0px;">
                                <thead>
                                  <tr>
                                    <th class="width-25">附件类型</th>
                                    <th class="width-30">附件名</th>
                                    <th class="width-12">上传者</th>
                                    <th class="width-15">上传时间</th>
                                    <th class="width-5">版本</th>
                                    <th class="width-13">操作</th>
                                  </tr>
                                </thead>
                                <tbody>
                                  <tr *ngFor="let item of historyGMDataList">
                                    <td [attr.title]="item.sType" *ngIf="item.sType!=''" [attr.rowspan]="item.subNodeL" style="background-color:white; border:0.1px solid #E9E9E9">
                                      {{item.sType}}
                                      <a title="点击新增" (click)="addSubTreeItem(item,'historyGM')">
                                        <i class="fa fa-plus-circle" style="margin-left:2px;"></i>
                                      </a>
                                    </td>
                                    <td class="short_name" [attr.title]="item.sAttachName">
                                      <div *ngIf="item.editStatus==0">
                                        <a (dblclick)="editFileName(item,'historyGM')">{{item.sAttachName}}</a>
                                      </div>
                                      <div *ngIf="item.editStatus==1">
                                        <div class="input-group">
                                          <input class="form-control" [(ngModel)]="item.fileName" name="filename">
                                          <a class="input-group-addon" (click)="changeFileName(item)">确定</a>
                                          <a class="input-group-addon" (click)="cancelEditFileName(item,'historyGM')">取消</a>
                                        </div>
                                      </div>
                                    </td>
                                    <td class="short_name" [attr.title]="item.sCreator">{{item.sCreator}}</td>
                                    <td class="short_name" [attr.title]="item.dCreateTime">{{item.dCreateTime}}</td>
                                    <td>
                                      <span *ngIf="item.nVersion !== null&& item.nVersion !==''">V</span>{{item.nVersion}}</td>
                                    <td>
                                      <a *ngIf="index !== 'zh'" (click)="showUploadModal(item)" href="javascript:void(0)" title="上传" type="file">
                                        <i class="glyphicon glyphicon-open"></i>
                                      </a>
                                      <a (click)="downLoadFile(item)" href="javascript:void(0)" title="下载">
                                        <i class="glyphicon glyphicon-download-alt"></i>
                                      </a>
                                      <a (click)="showHistoryVersion(item)" class="remove" href="javascript:void(0)" title="查看全部版本">
                                        <i class="glyphicon glyphicon-list-alt"></i>
                                      </a>
                                    </td>
                                  </tr>

                                </tbody>

                              </table>
                            </div>
                            <!-- 历史附件结束 -->
                          </div>
                        </div>
                      </div>
                    </div>

                  </div>
                  <div class="tab-pane" id="tab_3">
                    <div class="row">
                      <div class="col-xs-12">
                        <div class="box-body">
                          <form ngNativeValidate class="form-horizontal" #checkForm="ngForm">
                            <!-- 公司审核 -->
                            <div class="form-divider" title="公司内部审核" style="margin-top:20px;" *ngIf="operate == 'edit'&& hideShInfo !== true">
                              <div class="form-group">

                                <!-- <h3 class="box-title">公司内部审核</h3> -->

                                <label class="col-lg-2 text-right">
                                  <span class="span-style">*</span> 联席委员会召开时间</label>
                                <div class="col-lg-3">
                                  <div class="input-group date form_datetime">
                                    <span class="input-group-addon">
                                      <i class="fa fa-calendar"></i>
                                    </span>
                                    <input class="form-control" type="text" id="dLxCommittee" name="dLxCommittee" [(ngModel)]="checkInfoPost.publicissueExamineInfo.dLxCommittee"
                                      (ngModelChange)="changeLabelAfterInput($event,1)" mwlFlatpickr style="background:white;cursor: pointer;">
                                  </div>
                                </div>
                                <div class="col-lg-1"></div>
                                <label class="col-lg-2 text-right">审核委员会召开时间</label>
                                <div class="col-lg-3">
                                  <div class="input-group date form_datetime">
                                    <span class="input-group-addon">
                                      <i class="fa fa-calendar"></i>
                                    </span>
                                    <input class="form-control" type="text" [(ngModel)]="checkInfoPost.publicissueExamineInfo.dAuditCommittee" (ngModelChange)="changeLabelAfterInput($event,2)"
                                      mwlFlatpickr [ngModelOptions]="{standalone: true}" style="background:white;cursor: pointer;">
                                  </div>
                                </div>
                              </div>
                            </div>
                            <!-- 公司审核end -->
                            <!-- 证监会审核 -->
                            <div *ngIf="hideZjhshh!==true" class="form-divider" title="证监会审核">
                              <div class="form-group">
                                <!-- <h3 class="box-title">证监会审核</h3> -->
                                <label class="col-lg-2 text-right">
                                  <span class="span-style">*</span>证监会上报日期</label>
                                <div class="col-lg-3">
                                  <div class="input-group date form_datetime">
                                    <span class="input-group-addon">
                                      <i class="fa fa-calendar"></i>
                                    </span>
                                    <input class="form-control" type="text" id="dCsrsSb" [(ngModel)]="checkInfoPost.publicissueExamineInfo.dCsrsSb" (ngModelChange)="changeLabelAfterInput($event,3)"
                                      mwlFlatpickr name="dCsrsSb" style="background:white;cursor: pointer;">
                                  </div>
                                </div>
                                <div class="col-lg-1"></div>
                                <label class="col-lg-2 text-right">补正日期（如有）</label>
                                <div class="col-lg-3">
                                  <div class="input-group date form_datetime">
                                    <span class="input-group-addon">
                                      <i class="fa fa-calendar"></i>
                                    </span>
                                    <input class="form-control" type="text" [(ngModel)]="checkInfoPost.publicissueExamineInfo.dCsrsBz" mwlFlatpickr [ngModelOptions]="{standalone: true}"
                                      style="background:white;cursor: pointer;">
                                  </div>
                                </div>
                              </div>
                              <div class="form-group">

                                <label class="col-lg-2 text-right">
                                  <span class="span-style">*</span>受理日期</label>
                                <div class="col-lg-3">
                                  <div class="input-group date form_datetime">
                                    <span class="input-group-addon">
                                      <i class="fa fa-calendar"></i>
                                    </span>
                                    <input class="form-control" type="text" id="dCsrsSl" [(ngModel)]="checkInfoPost.publicissueExamineInfo.dCsrsSl" (ngModelChange)="changeLabelAfterInput($event,4)"
                                      mwlFlatpickr [ngModelOptions]="{standalone: true}" style="background:white;cursor: pointer;">
                                  </div>
                                </div>
                                <div class="col-lg-1"></div>
                                <label class="col-lg-2 text-right">反馈意见的日期</label>
                                <div class="col-lg-3">
                                  <div class="input-group date form_datetime">
                                    <span class="input-group-addon">
                                      <i class="fa fa-calendar"></i>
                                    </span>
                                    <input class="form-control" type="text" [(ngModel)]="checkInfoPost.publicissueExamineInfo.dCsrsFeedback" mwlFlatpickr [ngModelOptions]="{standalone: true}"
                                      style="background:white;cursor: pointer;">
                                  </div>
                                </div>
                              </div>
                              <div class="form-group">
                                <label class="col-lg-2 text-right">提交意见复函日期</label>
                                <div class="col-lg-3">
                                  <div class="input-group date form_datetime">
                                    <span class="input-group-addon">
                                      <i class="fa fa-calendar"></i>
                                    </span>
                                    <input class="form-control" type="text" [(ngModel)]="checkInfoPost.publicissueExamineInfo.dCsrsCommitopt" mwlFlatpickr [ngModelOptions]="{standalone: true}"
                                      style="background:white;cursor: pointer;">
                                  </div>
                                </div>
                                <div class="col-lg-1"></div>
                                <label class="col-lg-2 text-right">
                                  <span class="span-style">*</span>
                                  批复日期</label>
                                <div class="col-lg-3">
                                  <div class="input-group date form_datetime">
                                    <span class="input-group-addon">
                                      <i class="fa fa-calendar"></i>
                                    </span>
                                    <input class="form-control" type="text" id="dCsrsReply" (ngModelChange)="changeLabelAfterInput($event,5)" [(ngModel)]="checkInfoPost.publicissueExamineInfo.dCsrsReply"
                                      mwlFlatpickr [ngModelOptions]="{standalone: true}" style="background:#eee;cursor: pointer;"
                                    >
                                  </div>
                                </div>
                              </div>
                              <div class="form-group">
                                <label class="col-lg-2 text-right">
                                  <span class="span-style"></span>批复到期日</label>
                                <div class="col-lg-3">
                                  <div class="input-group date form_datetime">
                                    <span class="input-group-addon">
                                      <i class="fa fa-calendar"></i>
                                    </span>
                                    <input class="form-control" type="text" id="dCsrsReplyEnd" [(ngModel)]="checkInfoPost.publicissueExamineInfo.dCsrsReplyEnd"
                                      mwlFlatpickr [ngModelOptions]="{standalone: true}" style="background:white;cursor: pointer;">
                                  </div>
                                </div>
                                <div class="col-lg-1"></div>
                                <label class="col-lg-2 text-right">证监会答辩日期</label>
                                <div class="col-lg-3">
                                  <div class="input-group date form_datetime">
                                    <span class="input-group-addon">
                                      <i class="fa fa-calendar"></i>
                                    </span>
                                    <input class="form-control" type="text" [(ngModel)]="checkInfoPost.publicissueExamineInfo.dCsrsAnswer" mwlFlatpickr [ngModelOptions]="{standalone: true}"
                                      style="background:white;cursor: pointer;">
                                  </div>
                                </div>
                              </div>
                            </div>
                            <!-- 变更注册-->
                            <div class="form-divider" title="变更注册" *ngIf="checkInfoIsNull == false&&checkInfoPost.bgzc == '1'||checkInfoPost.bgzc == '2'||checkInfoPost.bgzc == '3'">
                              <div class="form-group">
                                <div class="form-group">
                                  <label class="col-lg-2 text-right">是否召开持有人大会</label>
                                  <div class="col-lg-3">
                                    <select class="form-control" name="sPossessorMt" (click)="changesPossessorMtStatus()" [(ngModel)]="checkInfoPost.publicissueExamineInfo.sPossessorMt">
                                      <option [value]="1">是</option>
                                      <option [value]="0">否</option>
                                    </select>
                                  </div>
                                  <div class="col-lg-1"></div>
                                  <label class="col-lg-2 text-right">持有人大会公告时间
                                  </label>
                                  <div class="col-lg-3">
                                    <div class="input-group date form_datetime">
                                      <span class="input-group-addon">
                                        <i class="fa fa-calendar"></i>
                                      </span>
                                      <input class="form-control" id="dPossessorGg" type="text" [(ngModel)]="checkInfoPost.publicissueExamineInfo.dPossessorGg"
                                        mwlFlatpickr [ngModelOptions]="{standalone: true}" style="background:white;cursor: pointer;">
                                    </div>
                                  </div>
                                </div>
                                <div class="form-group">
                                  <label class="col-lg-2 text-right">持有人大会决议生效时间</label>
                                  <div class="col-lg-3">
                                    <div class="input-group date form_datetime">
                                      <span class="input-group-addon">
                                        <i class="fa fa-calendar"></i>
                                      </span>
                                      <input class="form-control" id="dPossessorJy" type="text" [(ngModel)]="checkInfoPost.publicissueExamineInfo.dPossessorJy"
                                        mwlFlatpickr [ngModelOptions]="{standalone: true}" style="background:white;cursor: pointer;">
                                    </div>
                                  </div>
                                  <div class="col-lg-1"></div>
                                </div>
                              </div>
                            </div>
                            <!-- 变更注册-->
                            <!-- 延期募集 -->
                            <div class="form-divider" title="延期募集" *ngIf="checkInfoIsNull == false&&checkInfoPost.yqmj == '1'||checkInfoPost.yqmj == '2'||checkInfoPost.yqmj == '3'">
                              <div class="form-group">
                                <label class="col-lg-2 text-right">延期募集报会时间
                                </label>
                                <div class="col-lg-3">
                                  <div class="input-group date form_datetime">
                                    <span class="input-group-addon">
                                      <i class="fa fa-calendar"></i>
                                    </span>
                                    <input class="form-control" type="text" [(ngModel)]="checkInfoPost.publicissueExamineInfo.dRaisePostponeBh" mwlFlatpickr
                                      [ngModelOptions]="{standalone: true}" style="background:white;cursor: pointer;">
                                  </div>
                                </div>
                                <div class="col-lg-1"></div>
                                <label class="col-lg-2 text-right">延期募集批复时间</label>
                                <div class="col-lg-3">
                                  <div class="input-group date form_datetime">
                                    <span class="input-group-addon">
                                      <i class="fa fa-calendar"></i>
                                    </span>
                                    <input class="form-control" type="text" [(ngModel)]="checkInfoPost.publicissueExamineInfo.dRaisePostponePf" (ngModelChange)="calculateDraisePostponeHh($event)"
                                      mwlFlatpickr [ngModelOptions]="{standalone: true}" style="background:white;cursor: pointer;">
                                  </div>
                                </div>
                              </div>
                              <div class="form-group">
                                <label class="col-lg-2 text-right">延期回函到期日</label>
                                <div class="col-lg-3">
                                  <div class="input-group date form_datetime">
                                    <span class="input-group-addon">
                                      <i class="fa fa-calendar"></i>
                                    </span>
                                    <input class="form-control" type="text" [(ngModel)]="checkInfoPost.publicissueExamineInfo.dRaisePostponeHh" mwlFlatpickr
                                      [ngModelOptions]="{standalone: true}" style="background:white;cursor: pointer;">
                                  </div>
                                </div>
                              </div>
                            </div>
                            <!-- 延期募集end -->
                            <!-- 调整费率持有人大会 -->
                            <div class="form-divider" title="调整费率持有人大会" *ngIf="checkInfoIsNull == false&&checkInfoPost.tzfl == '1'||checkInfoPost.tzfl == '2'||checkInfoPost.tzfl == '3'">
                              <div class="form-group">
                                <label class="col-lg-2 text-right">调整费率持有人大会报会时间</label>
                                <div class="col-lg-3">
                                  <div class="input-group date form_datetime">
                                    <span class="input-group-addon">
                                      <i class="fa fa-calendar"></i>
                                    </span>
                                    <input class="form-control" type="text" [(ngModel)]="checkInfoPost.publicissueExamineInfo.dRatePossessorMt" mwlFlatpickr
                                      [ngModelOptions]="{standalone: true}" style="background:white;cursor: pointer;">
                                  </div>
                                </div>
                                <div class="col-lg-1"></div>
                                <label class="col-lg-2 text-right">持有人大会公告时间</label>
                                <div class="col-lg-3">
                                  <div class="input-group date form_datetime">
                                    <span class="input-group-addon">
                                      <i class="fa fa-calendar"></i>
                                    </span>
                                    <input class="form-control" type="text" [(ngModel)]="checkInfoPost.publicissueExamineInfo.dRatePossessorGg" mwlFlatpickr
                                      [ngModelOptions]="{standalone: true}" style="background:white;cursor: pointer;">
                                  </div>
                                </div>
                              </div>
                              <div class="form-group">
                                <label class="col-lg-2 text-right">持有人大会决议生效时间</label>
                                <div class="col-lg-3">
                                  <div class="input-group date form_datetime">
                                    <span class="input-group-addon">
                                      <i class="fa fa-calendar"></i>
                                    </span>
                                    <input class="form-control" type="text" [(ngModel)]="checkInfoPost.publicissueExamineInfo.dRatePossessorJy" mwlFlatpickr
                                      [ngModelOptions]="{standalone: true}" style="background:white;cursor: pointer;">
                                  </div>
                                </div>
                              </div>
                            </div>
                            <!-- 调整费率持有人大会end -->
                            <!-- 增设份额、其他变更 -->
                            <div class="form-divider" title="增设份额" *ngIf="checkInfoIsNull == false&&checkInfoPost.zsfe == '1'||checkInfoPost.zsfe == '2'||checkInfoPost.zsfe == '3'">
                              <div class="form-group">
                                <label class="col-lg-2 text-right">变更备案上报时间</label>
                                <div class="col-lg-3">
                                  <div class="input-group date form_datetime">
                                    <span class="input-group-addon">
                                      <i class="fa fa-calendar"></i>
                                    </span>
                                    <input class="form-control" type="text" [(ngModel)]="checkInfoPost.publicissueExamineInfo.dChgRecordSb" mwlFlatpickr [ngModelOptions]="{standalone: true}"
                                      style="background:white;cursor: pointer;">
                                  </div>
                                </div>
                                <div class="col-lg-1"></div>
                                <label class="col-lg-2 text-right">公告时间</label>
                                <div class="col-lg-3">
                                  <div class="input-group date form_datetime">
                                    <span class="input-group-addon">
                                      <i class="fa fa-calendar"></i>
                                    </span>
                                    <input class="form-control" type="text" [(ngModel)]="checkInfoPost.publicissueExamineInfo.dChgSb" mwlFlatpickr [ngModelOptions]="{standalone: true}"
                                      style="background:white;cursor: pointer;">
                                  </div>
                                </div>
                              </div>
                              <div class="form-group">
                                <label class="col-lg-2 text-right">其他增设份额内容</label>
                                <div class="col-lg-10">
                                  <textarea style="width:90%" name="sZshRemarkChg" [(ngModel)]="checkInfoPost.publicissueExamineInfo.sZshRemarkChg" id="" cols="15"
                                    rows="5"></textarea>
                                </div>
                              </div>
                            </div>
                            <div class="form-divider" title="其他变更" *ngIf="checkInfoIsNull == false&&checkInfoPost.qtbg == '1'||checkInfoPost.qtbg == '2'||checkInfoPost.qtbg == '3'">
                              <div class="form-group">
                                <label class="col-lg-2 text-right">变更备案上报时间</label>
                                <div class="col-lg-3">
                                  <div class="input-group date form_datetime">
                                    <span class="input-group-addon">
                                      <i class="fa fa-calendar"></i>
                                    </span>
                                    <input class="form-control" type="text" [(ngModel)]="checkInfoPost.publicissueExamineInfo.dOtherchgRecordSb" mwlFlatpickr
                                      [ngModelOptions]="{standalone: true}" style="background:white;cursor: pointer;">
                                  </div>
                                </div>
                                <div class="col-lg-1"></div>
                                <label class="col-lg-2 text-right">公告时间</label>
                                <div class="col-lg-3">
                                  <div class="input-group date form_datetime">
                                    <span class="input-group-addon">
                                      <i class="fa fa-calendar"></i>
                                    </span>
                                    <input class="form-control" type="text" [(ngModel)]="checkInfoPost.publicissueExamineInfo.dOtherChgGg" mwlFlatpickr [ngModelOptions]="{standalone: true}"
                                      style="background:white;cursor: pointer;">
                                  </div>
                                </div>
                              </div>
                              <div class="form-group">
                                <label class="col-lg-2 text-right">其他变更内容</label>
                                <div class="col-lg-10">
                                  <textarea style="width:90%" name="sRemarkChg" [(ngModel)]="checkInfoPost.publicissueExamineInfo.sRemarkChg" id="" cols="15"
                                    rows="5"></textarea>
                                </div>
                              </div>
                            </div>
                            <div class="center-block" style="width:100px;" *ngIf="hideButton == false&&_.includes(menuResourceSet,'btn-pub-save-shxx')&&index!='zh'">
                              <button type="button" class="btn btn-primary" [disabled]="!checkForm.form.valid" (click)="checkInfoAdd()">
                                <i class="fa fa-save"></i>保存</button>
                            </div>
                            <!-- <div class="center-block" style="width:100px;" *ngIf="checkInfoIsNull == false&&hideButton == false&&_.includes(menuResourceSet,'btn-pub-save-shxx')">
                              <button type="button" class="btn btn-primary" [disabled]="!checkForm.form.valid" (click)="editCheckInfo()">
                                <i class="fa fa-save"></i>保存</button>
                            </div> -->
                          </form>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <!-- /.tab-content -->
              </div>
              <!-- nav-tabs-custom -->
            </div>
            <!-- /.col -->
          </div>

        </div>



        <!-- 历史附件modal -->
        <div class="modal fade in" id="detail-his-list-modal" style="display: none; padding-left: 0px;">
          <!--模态框-->
          <div class="modal-dialog modal-lg">
            <div class="modal-content">
              <div class="modal-header">
                <button class="close" data-dismiss="modal">×</button>
                <h4>历史附件</h4>
              </div>
              <div class="modal-body" id="fileVersionListModalBody">
                <div class="bootstrap-table">
                  <div class="fixed-table-toolbar"></div>
                  <div class="fixed-table-container" style="padding-bottom: 0px;">
                    <div class="fixed-table-header" style="display: none;">
                      <table></table>
                    </div>
                    <div class="fixed-table-body">
                      <table id="fileVersion-listTable" class="table  table-hover table-striped" style="border-top-width:0px;border-left-width:0px;">
                        <thead>
                          <tr>
                            <th class="width-25">附件类型</th>
                            <th class="width-30">附件名</th>
                            <th class="width-12">上传者</th>
                            <th class="width-15">上传时间</th>
                            <th class="width-5">版本</th>
                            <th class="width-12">操作</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr data-index="0" *ngFor="let item of fileHistoryData">
                            <td class="short_name" [attr.title]="item.sAttachType">{{item.sAttachType}}</td>
                            <td class="short_name" [attr.title]="item.sAttachName">{{item.sAttachName}}</td>
                            <td class="short_name" [attr.title]="item.sCreator">{{item.sCreator}}</td>
                            <td class="short_name" [attr.title]="item.dCreateTime">{{item.dCreateTime}}</td>
                            <td>
                              <span *ngIf="item.nVersion !== null&& item.nVersion !==''">V</span>{{item.nVersion}}</td>
                            <td>
                              <a (click)="downLoadFile(item)" class="glyphicon glyphicon-download-alt downloadlink fileVersion-list-glyphicon" target="_blank"
                                title="下载" alt="下载"></a>
                              <a (click)="delFile(item)" class="glyphicon glyphicon-trash fileVersion-list-glyphicon" href="javascript:void(0)" title="删除"
                                alt="删除"></a>
                            </td>
                          </tr>

                        </tbody>
                      </table>
                    </div>
                    <div class="fixed-table-footer" style="display: none;">
                      <table>
                        <tbody>
                          <tr></tr>
                        </tbody>
                      </table>
                    </div>

                  </div>
                </div>
                <div class="clearfix"></div>
              </div>
              <div class="modal-footer">
                <div class="form-group">
                  <div class="col-sm-4 col-sm-offset-3">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- end历史附件modal -->
        <!-- 上传资料 start -->
        <div class="modal fade" id="uploadModel">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <button (click)="clearFileQueue()" type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title">文件上传</h4>
              </div>
              <div class="modal-body">
                <form class="form-inline">
                  <div class="form-group">
                    <label for="fileInput">请选择要上传的文件：</label>
                    <input type="file" name="file" class="form-control filenamex" title="{{fileName}}" id="fileInput" ng2FileSelect [uploader]="uploader"
                      (change)="selectedFileOnChanged($event)">
                    <!-- 选择文件默认支持选择单个文件，如需支持文件多选，请在标签中添加multiple属性 -->
                  </div>
                  <!-- <div style="margin-top:30px;" class="progress">
                  <div class="progress-bar progress-bar-primary progress-bar-striped" role="progressbar" aria-valuemin="0" aria-valuemax="100"
                    [style.width.%]="fileProgress"></div>
                </div> -->
                </form>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-default" (click)="clearFileQueue()" (click)="closeModal()">取消</button>
                <button type="submit" class="btn btn-primary" [disabled]="!fileStatus" (click)="uploadFile()">上传</button>
              </div>
            </div>
          </div>
        </div>

        <!-- 文件上传进度 -->
        <div class="modal fade" id="progress">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">

              </div>
              <div class="modal-body">
                <form class="form-inline" style="text-align:center;">
                  <div style="margin-top:35px;margin-bottom:35px;">文件上传中...</div>
                </form>
              </div>
              <div class="modal-footer">

              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>